@charset "UTF-8";
/* CSS Document */
/*body.bodyMain{ margin:0; padding:0;background: #E0DCCB url(../images/bg1.jpg) repeat top; }*/

body.bodyMain{ margin:0; padding:0; background-color:White; }
#bgFloat{ width:100%; margin-left:auto; margin-right:auto; background:url(../images/bg-float.jpg) top center no-repeat; margin-top:0}
p { margin:10px;}


#menuHolder li{ font-size:12pt; color:#999}
#outterLayout {width:970px; margin-bottom:5px; margin-left:auto; margin-right:auto;}
/*#pageHeader { margin-bottom:15px; width:970px; height:340px; background:url(../images/bg-head.png); padding-top:15px}*/
#pageHeader { margin-bottom:15px; width:970px; height:200px; background:url(../images/bg-head.png);}

#footer { clear:both; margin-top:50px; color:#FFF; background-image:url(../images/bg-foot.png); padding-top:70px; height:130px; width:970px; margin-left:auto; margin-right:auto; text-align:center; margin-bottom:20px}

#pageHeader-backOffice {width:970px; height:52px; background:url(../images/bg-head-backoffice.png);}
#pageContent{ width:1300px; border:solid 1px #black; text-align:center; margin-left:20px;}

#sideBar { width:245px; float:right;}
#sideBar-backOffice{ width:245px; float:left;}
#userInfo{ padding-top:50px; margin-left:540px; color:#999; }
#mainFrame{ width:1334px; height:600px;background-color:#FFFFFF;}
/*#mainContent{width:100%;height:575px;background-color:#FFFFFF; overflow:auto;}  Content Data*/
#mainContent{width:100%;height:575px;background-color:#FFFFFF;}  /*Content Data*/
.withMainContent{width:1120px;}

#mainContent.backoffice{ float:none; width:100%;}
#contentsHolder #sideBar{ padding:4px}

#bodyContent{ width:98%; padding:1%; background-color:#FFF; border:solid 1px #D0D0C8}
#manageContent{ margin-left:270px}
#navigationBar{ margin-bottom:10px; padding-left:10px}
#regisBar{ margin-top:2px}

#contentsHolder { clear:both;}
#backOffice { cursor:pointer}

.searchBox{ background:url(../images/bg-search_r2_c1_s1.png); padding-left:8px; padding-right:8px; width:684px; color:#FFF;}
/**/
.ui-datepicker-trigger{ top:5px; position: relative;width:20px;height:20px;}
.ui-sortable-placeholder { border:1px  red dashed;}
/*size*/
.width10{ width:10px!important}
.width20{ width:20px!important}
.width30{ width:30px!important}
.width40{ width:40px!important}
.width45{ width:45px!important}
.width50{ width:50px!important}
.width60{ width:60px!important}
.width70{ width:70px!important}
.width80{ width:80px!important}
.width90{ width:90px!important}
.width100{ width:100px!important}
.width110{ width:110px!important}
.width120{ width:120px!important}
.width130{ width:130px!important}
.width140{ width:140px!important}
.width150{ width:150px!important}
.width160{ width:160px!important}
.width170{ width:170px!important}
.width180{ width:180px!important}
.width190{ width:190px!important}
.width200{ width:200px!important}
.width250{ width:250px!important}
.width300{ width:300px!important}
.width350{ width:350px!important}
.width360{ width:360px!important}
.width370{ width:370px!important}
.width400{ width:400px!important}
.width450{ width:450px!important}
.width500{ width:500px!important}
.width550{ width:550px!important}
.width600{ width:600px!important}
.widthQuater{ width:25%!important}
.widthThrid{ width:33%!important}
.widthHalf{ width:50%!important}
.widthMoreHalf{width:75%!important}
.widthFull{ width:98%!important}
.height10 { height:10px!important}
.height20 { height:20px!important}
.height30 { height:30px!important}
.height40 { height:40px!important}
.height50 { height:50px!important}
.height60 { height:60px!important}
.height70 { height:70px!important}
.height80 { height:80px!important}
.height90 { height:90px!important}
.height100 { height:100px!important}
/**/
.ui-require-field { border:1px solid; border-top-color:#F60;border-left-color:#F60;border-bottom-color:#F90;border-right-color:#F90;}
/**/

.side-menu { float:left; border-style: solid; border-width: 1px}
#content-menu {float:left;border-style: solid; border-width: 1px}
#leftContent{}
/*.widthLeftContent{width:197px;}*/

.leftContent{float:left;}
#slideBtn{width:14px;margin-top:3px; border:1px;cursor:pointer; border-color:Black;}
#filterMenu{float:left; width:170px;}
.captionHeader{ padding:0px 20px 0px 20px;}

